/* ======================================================
   <!-- Badges -->
/* ====================================================== */
@import '@uixkit/core/_global/scss/_variable-and-mixin.scss';


.uix-circle-text {

	position: relative;
	display: inline-block;


	circle-text {

		color: $primary-text-color;
		text-transform: uppercase;
		letter-spacing: .1rem;
		transform: rotate(-144deg);

		&:defined {
			display: block;
		}

		svg {
			display: block;
			overflow: visible;
			padding: .5rem;
		}

		textPath {
			fill: currentColor;
		}



	}

}
